<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>我的订单</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
		<meta name="description" content="易凯商城app,易凯资讯畅销榜为您提供技术支持、资源下载、价格咨询、手机咨询、手机评测、热门机型推荐、手机使用经验分享等全方位的服务! " />
		<meta name="Keywords" content="易凯商城app," />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="location" content="province=;city=;coord=" />
		<meta name="format-detection" content="telephone=no" />
		<link rel="apple-touch-icon-precomposed" href="images/screenLogo.png" />
		<link rel="stylesheet" type="text/css" href="css/m2015.css" />
		<script src="js/zepto.min.js" type="text/javascript"></script>
		<script src="js/main.js" type="text/javascript"></script>
		<style>
			body {
				background: #fff;
			}
			
			.orderlist dl dd.btn a {
				padding: 0 10px;
			}
			
			.orderlist dl dd.pro .ismobi {
				height: auto;
				position: relative;
				overflow: hidden;
			}
			
			.imeiinfo {
				margin-left: 70px;
				margin-bottom: 10px;
			}
			
			.orderlist dl dd.pro .opli .imeiinfo p {
				text-align: left;
				margin-left: 0px;
			}
			
			.orderlist dl dd.pro .opli .imeiinfo p .c_64b2ff {
				color: #64b2ff;
				display: inline;
				margin-left: 10px;
			}
			
			.orderlist dl dd.pro .total {
				overflow: hidden;
			}
			
			.order-search {
				padding: 10px;
				text-align: center;
				background: #fafafa;
				margin-top: 10px;
				box-shadow: inset 0 0 10px #ddd;
			}
			
			.order-search input[name=order-id] {
				border: 1px solid #e0dddd;
				outline: none;
				height: 28px;
				text-indent: 5px;
				-webkit-appearance: none;
				width: 72%;
				border-radius: 5px;
				background: #fff;
			}
			
			.order-search input[name=search-btn] {
				border: 0;
				outline: none;
				height: 30px;
				color: #fff;
				background: #f60;
				font-size: 14px;
				border-radius: 5px;
				padding: 0 15px;
				margin-left: 10px;
			}
			
			.orderlist dl {
				background: #fafafa;
			}
		</style>
	</head>

	<body>
		<header id="header" style="">
			<div class="topbar">
				<a href="javascript:history.back();" class="back_btn"><i class="iconfont">ş</i></a>
				<a href="javascript:;" class="top_home"><i class="iconfont">ƙ</i></a>
				<h1 class="page_title">我的订单</h1>
			</div>
			<div class="home_menu" id="hMenu">
				<a href="index.html"><i class="go_index"></i><span>首页</span></a>
				<a href="goods_cat.html"><i class="go_fenlei"></i><span>商品分类</span></a>
				<a href="cart.html"><i class="go_cart"></i><span>购物车</span></a>
				<a href="member_index.html"><i class="go_me"></i><span>会员中心</span></a>
			</div>
		</header>
		<script>
			//title右上角隐藏菜单
			$(".top_home").click(function() {
				var target = $(".home_menu");
				if(target.slideToggle) {
					target.slideToggle()
				} else {
					target.toggle()
				}
			});
		</script>
		
		<!--<script type="text/javascript">
			var _mvq = window._mvq || [];
			window._mvq = _mvq;
			_mvq.push(['$setAccount', 'm-23995-6']);

			_mvq.push(['$logConversion']);
			(function() {
				var mvl = document.createElement('script');
				mvl.type = 'text/javascript';
				mvl.async = true;
				mvl.src = ('https:' == document.location.protocol ? 'https://static-ssl.mediav.com/mvl.js' : 'http://static.mediav.com/mvl.js');
				var s = document.getElementsByTagName('script')[0];
				s.parentNode.insertBefore(mvl, s);
			})();
		</script>-->
		
		<!--选项卡-->
		<div class="ordercate border_bottom flex">
			<a href="javascript:;" class="cur">全部<i class="border_right"></i></a>
			<a href="javascript:;">待付款<i class="border_right"></i></a>
			<a href="javascript:;">待收货<i class="border_right"></i></a>
			<a href="javascript:;">待评价</a>
		</div>
		
		<div class="order-search">
			<input type="text" name="order-id" value="" placeholder="没有找到订单？输入串号可查询！" />
			<input type="button" name="search-btn" value="查 询" onclick="searchOrder()" />
		</div>
		
		<div id="vOrderList" class="orderlist">
			<dl id="order_4632239">
				<dt class="border_bottom"> 
			    	<a href="javascript:;"><span class="left">订单号：4632239</span><b class="right" style="">已经确认</b></a> 
			    </dt>
				<dd class="pro">
					<a href="javascript:;">
						<div class="opli border_bottom  ismobi">
							<img src="images/cart/biao.jpg" width="60" height="60" />
							<h4><span style="margin-right: 10px;">瑞士浪琴名匠系列38.5mm...</span><em>&times;1</em></h4>
							<p>￥10488.00</p>
						</div>
						
						<div class="opli border_bottom  ismobi">
							<img src="images/cart/qkl.jpg" width="60" height="60" />
							<h4><span style="margin-right: 10px;">比利时进口德菲丝松露巧...</span> <em>&times;1</em></h4>
							<p>￥75.90</p>
						</div>
						
						<div class="opli border_bottom ">
							<img src="images/cart/mm.jpg" width="60" height="60" />
							<h4><span style="margin-right: 10px;">御泥坊 红酒矿物蚕丝面膜...</span> <em>&times;1</em></h4>
							<p>￥199.90</p>
						</div>
						<p class="total border_bottom">共<span>3</span>件商品，<b>￥10763.80</b>元 </p>
					</a>
				</dd
				>
				<dd class="btn">
					<a href="javascript:;">去付款</a>
				</dd>
			</dl>
			
			<dl id="order_123123">
				<dt class="border_bottom"> 
			    	<a href="javascript:;"><span class="left">订单号：123123</span><b class="right" style="">已经确认</b></a> 
			    </dt>
				<dd class="pro">
					<a href="javascript:;">
						<div class="opli border_bottom  ismobi">
							<img src="images/cart/biao.jpg" width="60" height="60" />
							<h4><span style="margin-right: 10px;">瑞士浪琴名匠系列38.5mm...</span><em>&times;1</em></h4>
							<p>￥10488.00</p>
						</div>
						
						<div class="opli border_bottom  ismobi">
							<img src="images/cart/qkl.jpg" width="60" height="60" />
							<h4><span style="margin-right: 10px;">比利时进口德菲丝松露巧...</span> <em>&times;1</em></h4>
							<p>￥75.90</p>
						</div>
						
						<div class="opli border_bottom ">
							<img src="images/cart/mm.jpg" width="60" height="60" />
							<h4><span style="margin-right: 10px;">御泥坊 红酒矿物蚕丝面膜...</span> <em>&times;1</em></h4>
							<p>￥199.90</p>
						</div>
						<p class="total border_bottom">共<span>3</span>件商品，<b>￥10763.80</b>元 </p>
					</a>
				</dd
				>
				<dd class="btn">
					<a href="javascript:;">去付款</a>
				</dd>
			</dl>
		</div>
		<script>
//			function cancelOrder(orderid, type) {
//				layer.open({
//					content: "您确定要取消订单吗？取消后该订单将被删除！",
//					btn: ['确认', '取消'],
//					shadeClose: false,
//					yes: function() {
//						$.get("orderlist.aspx?act=cancelorder&orderid=" + orderid + "&type=" + type, function(re) {
//							if(re.stats == 1) {
//								layer.open({
//									content: "取消成功！",
//									shadeClose: false,
//									btn: ['OK'],
//								});
//								$('#order_' + orderid).remove();
//							} else {
//								layer.open({
//									content: re.msg,
//									shadeClose: false,
//									btn: ['OK'],
//								})
//							}
//						}, "json")
//					}
//				});
//			}

			/*输入串号查询订单*/
			function searchOrder() {
				var CH = $.trim($("input[name=order-id]").val());
				if(CH == "") {
					layer.open({
						content: '输入IMEI码错误,请核对！',
						shadeClose: false,
						btn: ['确定']
					});
					return;
				}
				
				layer.open({
					type: 2, 
					content: "加载中", 
					shadeClose: false 
				});
				$.ajax({
					type:"post",
	            	url:"https://segmentfault.com/a/1190000003982302",
	            	dataType:"jsonp",
	            	data:{
	        			date:$(".month").val(),
	        			flag:3,
	        		},
	            	success: function(data){
	            		layer.closeAll();
	            		location.reload() 
	            	},
	            	error:function(data2){
	            		layer.closeAll();
	            		location.reload() 
	            	}
            	})
			}
		</script>
		
		<!--<div class="foot-nav border_top hide" style="">
			<a href="index.html"><i class="home"></i><span>首页</span></a>
			<a href="goods_cat.html"><i class="cate"></i><span>商品分类</span></a>
			<a href="cart.html"><i class="cart"></i><span>购物车</span></a>
			<a href="member_index.html"><i class="user"></i><span>我的</span></a>
		</div>-->
		
		<footer id="footer" style="padding-bottom: 10px; margin-top: 20px;">
			<div class="footbar" id="noLogin">
				<a id="f1_btnLogin" href="javascript:;" class="login_btn">登录</a>
				<a href="javascript:;">注册</a>
				<a href="javascript:;" class="backtop_btn">↑回顶部</a>
			</div>
			
			<div class="footbar" id="yesLogin" style="display: none">
				<a class="login_btn" href="javascript:;" id="txtUsername"></a>
				<a onclick="">退出</a>
				<a href="javascript:;" class="backtop_btn">↑回顶部</a>
			</div>
			
			<p class="footlink">
				<a href="javascript:;" style="margin:0 18px;">触屏版</a>
				<a href="javascript:;" id="link_pc" style="margin:0 18px;">电脑版</a>
				<a href="javascript:;" style="margin:0 18px;">客户端</a>
				<a href="http://www.tysimplelife.com/TY_recruitment/index.html" style="margin:0 18px;">招聘</a>
			</p>
		
			<p class="footlink">Copyright©&nbsp;凯文童鞋
				<a style="margin:0 0 0 10px;" id="_tousu" href="tousu.html">投诉建议</a>
			</p>
		</footer>
		
		<script>
			//底部按钮-回到顶部
			$(".backtop_btn").click(function(){
				$(window).scrollTop(0);
				return false;
			});
			
			//顶部选项卡
			$(".ordercate a").click(function(){
				$(this).addClass("cur").siblings().removeClass("cur")
			})
			
		</script>
		
	</body>

</html>